@charset "utf-8";

/*图库首页*/
.pics_water{width:990px; margin:0 auto;}

.pics_water ul{position:relative;font-size:12px;}
.pics_water ul li p{padding:10px; overflow:auto; zoom:1;}
.pics_water ul li p a{width:60px; display:block; line-height:22px; float:left;}

.pics_water ul li{width:210px; position:absolute; margin:5px; background:#fff; padding:10px 10px 0 10px; border:1px #CCC solid; border-radius:4px;}
.pics_water ul li:hover{border:1px #d13d6f solid;}
.pics_water ul li a,.pics_water ul li p a{color:#999;}
.pics_water ul li a:hover,.pics_water ul li p a:hover{color:#d13d6f;}
.pics_water ul li a img{border:1px #EEE solid; background:#CCC;}
.pics_water ul li a span{display:block; line-height:30px; text-align:center;}


/* CSS Document */

.photo_prev{cursor:url(../images/bggoocom/prev.cur), pointer;}
.photo_prev a:hover{cursor:url(../images/bggoocom/cursorL.cur), pointer;}
.photo_next{cursor:url(../images/bggoocom/next.cur), pointer;}
.photo_next a:hover{cursor:url(../images/bggoocom/cursorR.cur), pointer;}

/* 内容 */
#Article{ overflow:hidden; width:920px; background:#fff; margin:0 auto;}
#Article,.photo-channel .relevance{zoom:1; padding:0 20px}
#Article h1{color:#CCC; font-size:18px; font:800 26px/30px "宋体",arial; text-align:center; padding:10px 8px; border-bottom:1px solid #333; margin-top:15px; color:#9C0}
#Article h1 span{font-size:12px; font-weight:normal; line-height:25px; color:#999;}
#Article .content{font-size:14px; background:#333; width:890px;}
#Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0; color:#fff; padding:10px;}
#Article .related{ border-top:dashed 1px #ccc; margin-top:15px}
#Article .related h5{padding-bottom:4px}
#Article .related{ padding:10px 0 0}
#Article .related a{ color:#0b3b8c}
.Article-Tool{border:1px solid #c3d4e7; color:#CCC; position:relative; top:-1px; text-align:right; padding:8px; height:15px; background:#f4f8fd;}
/*.Article-Tool a{width:16px;height:16px;line-height:16px;background: url(../images/v9/icon.png) no-repeat; margin-left:6px;}
.Article-Tool a:hover{text-decoration: none}
.Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1}
.Article-Tool a.t1{background-position: left -115px;}
.Article-Tool a.t2{background-position: left -159px;}
.Article-Tool a.t3{background-position: left -205px;}
.Article-Tool a.t4{background-position: left -250px;}
.Article-Tool a.t5{background-position: left -294px;}
.Article-Tool a.t6{background-position: left -421px;padding-left:18px;}*/

/*图片内容*/
.photo-channel #Article .tool{ position:relative; height:35px; padding-top:6px; overflow:auto; zoom:1; padding-top:20px;}
.photo-channel #Article .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next{height:27px; width:31px;margin-right:10px; display:block; float:left; overflow:hidden; line-height:27px; background:url(../images/v9/up-next.png) no-repeat;}
.photo-channel #Article .tool .auto span,.photo-channel .tool .up span,.photo-channel .tool .next span{visibility:hidden}
.photo-channel #Article .tool .auto{background-position: -39px top;}
.photo-channel #Article .tool .next{background-position: -78px top;}
.photo-channel #Article .Article-Tool{ position:absolute; right:0; border:none; top:10px; background:none; font-size:12px; font-weight:normal}
.photo-channel #Article .Article-Tool a{padding:5px 8px; background:#930; color:#FFF;}
.photo-channel #Article .Article-Tool a:hover{background:#F00;}
.photo-channel #Article .tool .stat{ color:#999;}
.photo-channel #Article .big-pic{ text-align:center; overflow:hidden; position: relative}
.photo-channel #Article .big-pic #big-pic{display:table-cell;vertical-align:middle;*display:block; overflow:hidden;*font-size:480px; width:920px; height:650px;  background:#333; padding:20px 0;}
.photo-channel #Article .big-pic .max{ position:absolute; bottom:0px; right:0px; z-index:101; padding:5px 5px 5px 20px; color:#CCC; background:#333 url(../images/v9/max.png) no-repeat 5px center;}
.photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100}
.photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100}
.photo_prev a,.photo_next a{background-image: url(../images/blank.gif);display:block; width:100%; height:100%; outline:none;}

#Article .list-pic{ padding:22px 0 16px; height:100px; width:920px;}
#Article .cont{overflow:hidden; float: left; width:640px; height:100px}
#Article .cont li{ float:left; width:123px; text-align:center; display:block;}
#Article .cont li .img-wrap{width:100px; height:75px; margin:0 auto; background:#FFF;}
#Article .cont li .img-wrap a{*font-size:55px;width:100px; height:75px;outline: medium none;}
#Article .cont li.on .img-wrap a img{padding:3px; border:1px solid #F00; width:65px; height:80px;}
#Article .list-pic .pre,#Article .list-pic .next{float:left; display:block; position:relative;width:100px;height:75px; text-align:center; /*background: url({IMG_PATH}/v9/pic_bg.png) no-repeat;*/}
#Article .list-pic .pre{ left:0;top:-3px; margin-right:14px}
#Article .list-pic .next{ right:0; float:right;top:-3px}
#Article .list-pic .pre .img-wrap,#Article .list-pic .next .img-wrap{/*width:102px;*/ height:72px; border:none; padding:4px 0 8px}
#Article .list-pic .img-wrap a img{padding:3px; border:1px #CCC solid; width:80px; height:70px;}
#Article .list-pic .pre .img-wrap a,#Article .list-pic .next .img-wrap a{*font-size:53px;width:88px; height:72px; padding:0px 5px 0 4px;*padding:0px 5px 5px 0px }
#Article .list-pic .pre .img-wrap a:hover,#Article .list-pic .next .img-wrap a:hover{ background:none}
#Article .pre-bnt,#Article .next-bnt{margin-top:3px;cursor: hand;!important;cursor: pointer}
#Article .pre-bnt,#Article .next-bnt,#Article .pre-bnt span,#Article .next-bnt span{display:block; width:17px; height:69px; float:left; background: url(../images/v9/big-btn.png) no-repeat;}
#Article .pre-bnt:hover, #Article .next-bnt:hover,#Article .pre-bnt-on,#Article .next-bnt-on{background-position: 0 -78px;}
#Article .pre-bnt span{background-position: -30px top;}
#Article .pre-bnt:hover span,#Article .pre-bnt-on span{background-position: -30px -78px;}
#Article .next-bnt span{background-position: -55px top;}
#Article .next-bnt:hover span,#Article .next-bnt-on span{background-position: -55px -78px;}

/* 图集看完后提示 */
#endSelect{top:290px;left:333px;position:absolute;width:230px;height:71px;border:1px solid #8a8a8a;display:none;z-index:200;}
#endSelect .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5; padding-bottom:20px;}
#endSelect .E_Cont{position:absolute;top:10px;left:26px;color:#fff;font-size:14px;}
#endSelect .E_Cont p{padding:4px 0;zoom:1;overflow:hidden;}
#rePlayBut,#nextPicsBut,#endSelect #endSelClose{background:url(../images/v9/big-btn.png) no-repeat;}
#rePlayBut{float:left;width:69px;height:23px;background-position: 0px -167px;}
#nextPicsBut{float:left;width:97px;height:23px;background-position: -100px -167px;margin-left:10px;}
#endSelect #endSelClose{background-position: 0px -217px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2;}

.photo-channel #Article .text{ border:1px solid #333; color:#CCC; background:#121212; padding:8px 10px; zoom:1; margin-bottom:20px}
.photo-channel .relevance{ padding:5px 10px 10px; width:940px; margin:5px auto 0; background:#202020; border:1px #333 solid;}
.photo-channel .relevance h5,.comment h4{padding-left:16px; background: url(../images/v9/icon.png) no-repeat left -375px;}
.photo-channel .relevance h5{display:block; line-height:25px; color:#CCC; border-bottom:1px #666 solid;}
.photo-channel .relevance .photo-list{ padding:0; overflow:auto; padding-top:10px}
.photo-channel .relevance .photo-list li{ float:left; width:153px; padding:0; text-align:center;}
.photo-channel .relevance .photo-list li .img-wrap{width:110px;height:86px;margin:0 auto; border:none; margin-bottom:6px background: url(../images/v9/pic_bg.png) no-repeat; }
.photo-channel .relevance .photo-list li .img-wrap a{*font-size:59px;width:104px; height:86px; padding:1px 5px 5px 1px;}
.photo-channel .relevance .photo-list li .img-wrap a:hover{ background:none;}

.pinglun{width:950px; margin:5px auto 0; border:1px #333 solid; padding:20px 0 0 10px; background:#202020;}